<!-- Author:Rain -->
<template>
    <div class="page-box">
        <div class="user-center-wrap">
            <div class="bottom-content">
                <!-- 里面的内容区 -->
                <div class="show">{{ showRes }}


                </div>
                <div class="input">
                    <textarea v-model="text" name="" id="" cols="105" rows="6"></textarea>
                </div>
                <button @click="send">点击发送</button>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import AI from "@/hooks/AI"
const { showRes, text, send } = AI()



const checkedCities = ref(['Shanghai', 'Beijing'])
const cities = ['Shanghai', 'Beijing', 'Guangzhou', 'Shenzhen']

let type=ref(['社招全职'])

</script>

<style scoped>
.page-box {
    background: url(https://static.shiyanlou.com/lanqiao/frontend/dist/img/page-bg.50c13e0.png) no-repeat;
    background-size: 100% auto;
    width: 100%;
}

.user-center-wrap {
    margin: 0 auto;
    padding-bottom: 0px;
    padding-top: 60px;
    width: 1200px;
}

.user-center-wrap .bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.bottom-content .show {
    width: 60%;
    height: 400px;
    background-color: aqua;
}

.bottom-content .input {
    width: 60%;
}
</style>